import React, { useEffect, useState } from 'react';
import Banner from '../../components/Home/Banner'
import '../../styles/Home.scss'
import { index_banner } from '../../utils/api';
import { Carousel } from 'antd';

//用interface 声明对象类型
interface Props {

}
function Home(props: Props) {

    // 引入组件状态
    var [swiperlist, setSwipertlist] = useState([])

    // 引入生命周期函数
    useEffect(() => {
        // 请求首页轮播图
        index_banner().then((res) => {
            setSwipertlist(res.data.list)
        })
    })
    return (
        <div className='home'>
            <Banner swiperlist={swiperlist} autoplay={true}></Banner>
            <p>系统通知</p>
            <ul>
                <li>2021年11月版本更新说明 | 呼叫系统</li>
                <li>2021年11月版本更新说明 | 在线系统</li>
                <li>2021年10月版本更新说明 | 智能机器人</li>
                <li>2021年10月版本更新说明 | 综合模块</li>
            </ul>
        </div>
    );
}

export default Home;